<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="./static/css/joinUs.css">
	<!-- 页面位置-->
	<link rel="stylesheet" href="static/css/bootstrap.min.css">
	<!-- 首页分页图标以及箭头 -->
	<link rel="stylesheet" href="static/css/boxicons.min.css">
	<!-- 小图标 -->
	<link rel="stylesheet" href="static/css/remixicon.css">
	<!-- 页面css 动画效果-->
	<link rel="stylesheet" href="static/css/owl.carousel.min.css">

	<!-- 页面头部 -->
	<link rel="stylesheet" href="static/css/style.css">
	<!-- 导航条 -->
	<link rel="stylesheet" href="static/css/dark-theme.css">
	<link rel="stylesheet" href="./static/css/add.css">
	<title>加盟中心</title>
	<link rel="icon" type="image/png" href="assets/img/favicon.png">

</head>

<body>
	<!-- 联系方式 -->
	<div class="preloader-style" id="loader-style">
		<div class="preloader-wrap">
			<div class="preloader-container">
				<div class="petal"></div>
				<div class="petal"></div>
				<div class="petal"></div>
				<div class="petal"></div>
				<div class="petal"></div>
				<div class="petal"></div>
				<div class="ball"></div>
			</div>
		</div>
	</div>
	<!-- END PRELOADER AREA -->

	<!-- Theme Switcher Start -->
	<div class="switch-theme-mode">
		<label id="switch" class="switch">
			<input type="checkbox" onchange="toggleTheme()" id="slider">
			<span class="slider round"></span>
		</label>
	</div>
	<!-- Theme Switcher End -->

	<!-- Page Wrapper Start -->
	<div class="page-wrapper">

		<!-- 导航条开始 -->
		<header class="header-wrap">
			<div class="header-top">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-xl-7 col-lg-6 col-md-6">
							<div class="header-top-left">
								<ul class="contact-info list-style">
									<li>
										<i class="bx bx-phone-call"></i>
										<a href="tel:+12345678999">+12 345 678 999</a>
									</li>
									<li>
										<i class="bx bx-envelope"></i>
										<a href="mailto:hello@example.com">hello@example.com</a>
									</li>
									<li>
										<i class="bx bx-location-plus"></i>
										<p>123 Western Road Melbourne, UK.</p>
									</li>
								</ul>
							</div>
						</div>
						<div class="col-xl-5 col-lg-6 col-md-6">
							<div class="header-top-right">
								<ul class="social-profile list-style style1">
									<li>
										<a href="#">
											<i class="ri-facebook-fill"></i>
										</a>
									</li>
									<li>
										<a href="#">
											<i class="ri-twitter-fill"></i>
										</a>
									</li>
									<li>
										<a href="#">
											<i class="ri-instagram-line"></i>
										</a>
									</li>
									<li>
										<a href="#">
											<i class="ri-linkedin-fill"></i>
										</a>
									</li>
								</ul>
								<div class="select-lang">
									<i class="ri-earth-fill"></i>
									<div class="navbar-option-item navbar-language dropdown language-option">
										<button class="dropdown-toggle" type="button" data-bs-toggle="dropdown"
											aria-haspopup="true" aria-expanded="false">
											<span class="lang-name"></span>
										</button>
										<div class="dropdown-menu language-dropdown-menu">
											<a class="dropdown-item" href="#">
												<img src="static/picture/us.jpg" alt="flag">
												Eng
											</a>
											<a class="dropdown-item" href="#">
												<img src="static/picture/germany.jpg" alt="flag">
												Ger
											</a>
											<a class="dropdown-item" href="#">
												<img src="static/picture/france.jpg" alt="flag">
												Fra
											</a>
											<a class="dropdown-item" href="#">
												<img src="static/picture/spain.jpg" alt="flag">
												Spa
											</a>
											<a class="dropdown-item" href="#">
												<img src="static/picture/russia.jpg" alt="flag">
												Rus
											</a>
											<a class="dropdown-item" href="#">
												<img src="static/picture/italy.jpg" alt="flag">
												Ita
											</a>
										</div>
									</div>
								</div>
								<div class="user-account">
									<i class="ri-account-box-line"></i>
									<!-- 跳转登录 -->
									<a href="login.html">登录</a>/
									<a href="signup.html">注册</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="header-bottom">
				<div class="container">
					<nav class="navbar navbar-expand-md navbar-light">
						<a class="navbar-brand" href="#">
							<img class="logo-light" src="./static/image/combined_logo.jpg" id="logo" alt="logo">
						</a>
						<div class="collapse navbar-collapse main-menu-wrap" id="navbarSupportedContent">
							<div class="menu-close d-lg-none">
								<a href="javascript:void(0)"> <i class="ri-close-line"></i></a>
							</div>
							<ul class="navbar-nav ms-auto">
								<li class="nav-item">
									<a href="index.html" class="nav-link">
										首页
										<i class="ri-add-line"></i>
									</a>
								</li>
								<li class="nav-item">
									<a href="list.html" class="nav-link">
										酒店
									</a>
								</li>
								<li class="nav-item">
									<a href="#" class="nav-link">
										攻略
										<i class="ri-add-line"></i>
									</a>

								</li>
								<li class="nav-item">
									<a href="#section1" class="nav-link">
										城市推荐
										<i class="ri-add-line"></i>
									</a>
								</li>

								<li class="nav-item">
									<a href="savecenter.html" class="nav-link active">
										加盟中心
										<i class="ri-add-line"></i>
									</a>
								</li>
								<li class="nav-item">
									<a href="Me.html" class="nav-link">
										个人中心
									</a>
								</li>
								<li class="nav-item d-lg-none">
									<a href="#" class="nav-link btn style1">搜索</a>
								</li>
							</ul>
							<div class="other-options md-none">
								<div class="option-item">
									<button class="searchbtn d-xl-none"><i class="ri-search-line"></i></button>
									<div class="searchbox lg-none">
										<form action="#" method="post">
											<input type="search" placeholder="请输入...">
											<a href="#"><i class="bx bx-search"></i></a>
										</form>
									</div>
								</div>
								<div class="option-item">
									<a href="list.html" class="btn style1">搜索</a>
								</div>
							</div>
						</div>
					</nav>
					<div class="search-area">
						<form action="#" method="post">
							<input type="search" placeholder="请输入">
							<a href="list.html"><i class="ri-search-line"></i></a>
						</form>
					</div>
					<div class="mobile-bar-wrap">
						<button class="searchbtn d-lg-none"><i class="ri-search-line"></i></button>
						<div class="mobile-menu d-lg-none">
							<a href="javascript:void(0)"><i class="ri-menu-line"></i></a>
						</div>
					</div>
				</div>
			</div>
		</header>
		<!-- 导航条结束 -->



		<div class="content clearfix" id="auto-container">
			<form action="#" id="hotel-info">
				<div class="left">
					<h3>完善以下信息，即可快速加盟：</h3>
					<div class="e-module product-info">
						<h4>酒店加盟信息</h4>
						<ul>
							<li style="margin-left: 50px;">
								<span>酒店名称</span>
								<input type="text" name="hotelName" class="inputs empty center"
									placeholder="请输入酒店加盟名称" />
								<i class="error-tips">
									请填写正确的酒店名称
								</i>
							</li>

							<!-- 酒店所在地省市区 -->
							<li style="margin-left: 50px;">
								<span>酒店所在地</span>
								<!-- 省选择框 -->
								<select id="province" name="provinceLocation" class="select-city">
									<option value="">选择省</option>

									<!-- 可根据需求添加更多省份 -->
								</select>

								<!-- 市选择框 -->
								<select id="city" name="cityLocation" class="select-city">
									<option value="">选择市</option>

									<!-- 可根据需求添加更多城市 -->
								</select>

								<!-- 区选择框 -->
								<select id="district" name="regionLocation" class="select-qu">
									<option value="">选择区/县</option>
									<!-- 可根据需求添加更多区/县 -->
								</select>
							</li>
							<!-- 酒店详细地址 -->
							<li style="margin-left: 50px;">
								<span>酒店详细地址</span>
								<input type="text" id="address" name="hotelAddress" class="inputs empty" value=""
									placeholder="请输入酒店详细地址" />
								<i class="error-tips">
									请填写详细地址
								</i>
							</li>

							<!-- 酒店联系电话 -->
							<li style="margin-left: 50px;">
								<span>酒店联系人</span>
								<input type="text" name="hotelContext" class="inputs empty" value=""
									placeholder="填写酒店联系人" />
								<i class="error-tips">
									请填写正确的联系人
								</i>
							</li>

							<!-- 酒店联系电话 -->
							<li style="margin-left: 50px;">
								<span>酒店联系电话</span>
								<input type="text" name="hotelPhone" class="inputs empty" value=""
									placeholder="填写酒店联系电话" />
								<i class="error-tips">
									请填写正确的联系电话
								</i>
							</li>
							<!-- 酒店介绍 -->
							<li style="margin-left: 50px;">
								<span>酒店介绍 </span>
								<input type="text" name="hotelDesc" class="inputs empty" value=""
									placeholder="填写酒店介绍 " />
								<i class="error-tips">
									请填写酒店介绍
								</i>
							</li>



							<!-- 酒店门店图片-->
							<li style="margin-left: 50px;" id="upimage">
								<span>上传酒店门店图片(不少于5张)</span>
								<button class="customBtn" type="button" id="customUploadBtn">选择文件</button>
								<input type="file" id="fileUploadImages" name="fileUpload[]" multiple accept="image/*">
								<input type="hidden" name="hotelImg" id="hotelImg">
								<!-- <div class="file-preview" id="imagePreview"></div> -->
								<i class="error-tips">
									请上传酒店门店图片
								</i>
							</li>
							<div class="file-preview" id="imagePreview" style="margin-left: 30px;margin-top: 5px;">
							</div>

							<li style="margin: 20px 0 0 175px;">
								<!-- <input type="submit" value="提交" class="submit" /> -->
								<button type="submit" class="formSubmit">申请入驻</button>
								<!-- <a href="#" class="submit">提交</a> -->
							</li>


						</ul>
					</div>
			</form>

			<form action="#" id="hotel-franchise">
				<div class="e-module user-info">
					<h4>酒店加盟信息(入驻成功后才可填写)</h4>
					<ul>
						<!-- 酒店法人姓名-->
						<li style="margin-left: 50px;">
							<span>酒店法人姓名</span>
							<input type="text" name="legalName" class="inputs empty" value="" placeholder="请输入酒店法人姓名" />
							<i class="error-tips">
								请填写正确的酒店法人姓名
							</i>
						</li>
						<!-- 酒店法人联系方式-->
						<li style="margin-left: 50px;">
							<span>酒店法人电话号码</span>

							<input type="text" name="hotelLegalContext" class="inputs empty" value=""
								placeholder="请输入酒店法人电话号码" />
							<i class="error-tips">
								请填写正确的电话号码
							</i>
						</li>
						<!-- 酒店资质文件-->
						<li style="margin-left: 50px; margin-bottom: 20px;">
							<span>上传资质文件</span>
							<button class="customBtn" type="button" id="customUploadDocsBtn">选择文件</button>
							<button class="customBtn" id="hotel-league" type="button">加盟合约下载</button>
							<input type="file" id="fileUploadDocs" name="fileUpload[]" multiple
								accept=".pdf,.doc,.docx,.xls,.xlsx">
							<input type="hidden" name="contract" id="contract">

							<div class="file-preview" id="docPreview" style="margin-left: 30px;margin-top: 5px;">
							</div>
							<i class="error-tips">
								请上传酒店资质文件
							</i>
						</li>
						<!-- 预签合同到期时间-->
						<li style="margin-left: 50px;margin-top: 70px;">
							<span>预签合同到期时间</span>
							<input type="datetime-local" name="expiresTime" class="inputs empty" id="expiresTime"
								placeholder="请选择日期和时间" />
							<i class="error-tips">
								请选择正确的到期时间
							</i>
						</li>

						<li style="margin: 20px 0 0 175px;">
							<!-- <input type="submit" value="提交" class="submit" /> -->
							<button type="submit" class="formSubmit">申请加盟</button>
							<!-- <a href="#" class="submit">提交</a> -->
						</li>
					</ul>
				</div>
			</form>
		</div>

		<div class="right">
			<dl>
				<dt>商务合作中心热线</dt>
				<dd>
					<span>同城度假</span>
					<a href="#" target="_blank">立即加盟</a>
				</dd>
				<dd>
					<span>景</span><span style="margin-left: 2em;"></span><span>区</span>
					<a href="#" target="_blank">立即加盟</a>
				</dd>
			</dl>
			<dl class="join-us">
				<dt>加盟流程</dt>
				<dd>
					<i>1</i>
					<span>提交合作信息</span>
				</dd>
				<dd>
					<i>2</i>
					<span>酒店致电合作方</span>
				</dd>
				<dd>
					<i>3</i>
					<span>确认合作</span>
				</dd>
				<dd class="vertical"></dd>
			</dl>
			<dl class="transaction_rules">
				<dt>
					<a href="https://file.40017.cn/tcweb/pc/other/%E5%8F%B0%E6%B9%BE%E5%B9%B3%E5%8F%B0%E4%BA%A7%E5%93%81%E4%BA%A4%E6%98%93%E8%A7%84%E5%88%99.docx"
						download="避风港平台产品交易规则">
						避风港平台合作交易规则
					</a>
				</dt>
			</dl>
		</div>
	</div>


	<!-- 页面尾部开始 -->
	<footer class="footer-wrap">

		<div class="footer-top">
			<div class="container">
				<div class="row ptb-60">
					<div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 pe-xl-5">
						<div class="footer-widget">
							<a href="#" class="footer-logo">
								<img src="static/picture/logo-dark.png" alt="Image">
							</a>
							<p class="comp-desc">
								让旅行净化心灵
							</p>
							<div class="newsletter-form contact-form">
								<form class="subscribe__form" action="mail.php" method="post">

									<div class="col-12">
										<div class="msg_submit text-center alert alert-success successform subscribe__msg"
											role="alert">
											Your subscribe was sent successfully.
										</div>
									</div>


								</form>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 ps-xl-5 ps-lg-4 ps-md-5">
						<div class="footer-widget">
							<h3 class="footer-widget-title">关于我们</h3>
							<ul class="footer-menu list-style">
								<li>
									<a>
										网页简介
									</a>
								</li>
								<li>
									<a>
										可信网站
									</a>
								</li>
								<li>
									<a>
										网站地图
									</a>
								</li>
								<li>
									<a>
										业务资质
									</a>
								</li>
								<li>
									<a>
										意见反馈
									</a>
								</li>
								<li>
									<a>
										用户协议
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xl-2 col-lg-2 col-md-6 col-sm-6">
						<div class="footer-widget">
							<h3 class="footer-widget-title">加盟合作</h3>
							<ul class="footer-menu list-style">
								<li>
									<a href="#">
										合作加盟
									</a>
								</li>
								<li>
									<a href="#">
										商旅合作
									</a>
								</li>
								<li>
									<a href="#">
										旅游保险
									</a>
								</li>
								<li>
									<a href="#">
										网站联盟
									</a>
								</li>
								<li>
									<a href="#">
										门票合作
									</a>
								</li>
								<li>
									<a href="#">
										机票合作
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 ps-md-5">
						<div class="footer-widget">
							<h3 class="footer-widget-title">联系我们</h3>
							<ul class="contact-info list-style">
								<li>
									<i class="bx bx-location-plus"></i>
									<h6>地址</h6>
									<p>天河数字产业园四号楼</p>
								</li>
								<li>
									<i class="bx bx-envelope"></i>
									<h6>邮件</h6>
									<a href="#">hello@example.com</a>
								</li>
								<li>
									<i class="bx bx-phone-call"></i>
									<h6>热线</h6>
									<a href="tel:+12345678999">+12 345 678 999</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-8 col-md-6 col-sm-7">
						<p class="copyright-text">Copyright &copy; 2024.Company name All rights reserved.</p>
					</div>
					<div class="col-lg-4 col-md-6 col-sm-5">
						<ul class="social-profile style1 list-style">
							<li>
								<a href="#">
									<i class="ri-facebook-fill"></i>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="ri-twitter-fill"></i>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="ri-instagram-line"></i>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="ri-linkedin-fill"></i>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</footer>
	</div>


	<!-- Back-to-top Button Start -->
	<a href="javascript:void(0)" class="back-to-top bounce"><i class="ri-arrow-up-s-line"></i></a>


</body>
<script type="text/javascript" src="https://libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>
<script src="./static/js/joinUs.js" type="text/javascript"></script>
<!-- 导航条 -->
<script src="static/js/jquery.min.js"></script>
<script src="static/js/bootstrap.bundle.min.js"></script>
<script src="static/js/aos.js"></script>
<script src="static/js/owl.carousel.min.js"></script>
<script src="static/js/owl-thumb.min.js"></script>
<script src="static/js/odometer.js"></script>
<script src="static/js/fancybox.js"></script>
<script src="static/js/magnific-popup.min.js"></script>
<script src="static/js/slick.min.js"></script>
<script src="static/js/jquery.appear.js"></script>
<script src="static/js/main.js"></script>
<!-- <script src="static/js/add.js"></script> -->

</html>